﻿<%@ Page
    Language="C#"
    AutoEventWireup="true"
    CodeBehind="Home.aspx.cs"
    Inherits="ModernShopping.Home" %>

<%@ Register TagPrefix="MyUserControls" TagName="TaiKhoan" Src="~/WebUserControls/UCMenuTaiKhoan.ascx" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Modern Shopping</title>
    <link href="Css/ModernShopping.css" rel="stylesheet" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,100italic,100' rel='stylesheet' type='text/css' />
    <style type="text/css">
        .uc-tai-khoan {
            height: 70px;
            font-family: 'Roboto', sans-serif;
            width: 20%;
            margin: auto;
            position: relative;
            text-align: right;
            font-weight: 700;
            top: 2px;
            left: 400px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div class="page">
            <div class="header">
                <div class="uc-tai-khoan">
                    <MyUserControls:TaiKhoan
                        ID="UCTaiKhoan"
                        runat="server" />
                </div>
            </div>
            <div class="content">
                <table style="width: 100%; margin-top: 100px;">
                    <tr>
                        <td style="text-align: center;">
                            <asp:Image ID="Image1"
                                runat="server"
                                Width="639px"
                                Height="100px"
                                ImageUrl="~/images/web/Logo.png" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">
                            <asp:TextBox
                                ID="TxtKeywords"
                                runat="server"
                                Width="50%"
                                CssClass="textbox" />
                            <asp:ImageButton ID="btnUploadQr"
                                ImageUrl="~/images/web/camera.png"
                                Width="32px" Height="32px"
                                Style="position: absolute; margin-left: -20px; margin-left: -35px; margin-top: 3px;"
                                runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">
                            <br />
                            <asp:Button ID="btnTimKiem" runat="server" CssClass="button" Text="TÌM " OnClick="btnTimKiem_Click" />
                        </td>
                    </tr>
                </table>

            </div>
        </div>

        <ajaxToolkit:ModalPopupExtender
            ID="ModalPopupExtender"
            runat="server"
            PopupControlID="panelUploadQrcode"
            TargetControlID="btnUploadQr"
            CancelControlID="btnClose"
            BackgroundCssClass="modalBackground" />
        <asp:Panel
            ID="panelUploadQrcode"
            runat="server"
            CssClass="modalPopup"
            align="center"
            Style="display: none"
            Width="55%"
            Height="30%"
            HorizontalAlign="Center">
            <table style="width: 100%;">
                <tr>
                    <td class="auto-style1">
                        <div style="float: right; position: absolute; margin-top: -30px; margin-right: -20px; right: 1px;">
                            <asp:ImageButton ID="btnClose" ImageUrl="~/images/web/Close.png" runat="server"
                                Height="30px" Width="30px" />
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="Label1"
                            CssClass="popup-title"
                            runat="server"
                            Font-Size="30pt"
                            Text="QUÉT BẰNG MÃ QR"
                            Width="100%" ForeColor="#0099CC"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <br />
                        <div style="background: #f3f7fd; border: 1px solid #d3e1f9; padding: 2px 0; position: relative; display: block;">
                            <asp:FileUpload
                                ID="QrUpload"
                                Style="margin: 0 4px; text-align: left;"
                                Width="95%" accept="Image/*"
                                runat="server" />
                        </div>
                        <br />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btnScanQr" runat="server" CssClass="button" Text="QUÉT MÃ" OnClick="btnScanQr_Click" />
                        <br />
                    </td>
                </tr>
            </table>
        </asp:Panel>
    </form>
</body>
</html>
